<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="../jquery-1.8.3.js"></script>
    <script src="CheckBoxGroup.js"></script>
</head>
<body>
<form id="form" action="demo.php">
    <label>
        <input type="checkbox" name="html[]" value="1">1
    </label>
    <label>
        <input type="checkbox" name="html[]" value="2">2
    </label>
    <label>
        <input type="checkbox" name="html[]" value="3">3
    </label>



    <input type="submit">
</form>
<script>
    var checkBoxGroup = new CheckBoxGroup({
        column: 2,
        data: [
            { label: 'a', name: 'test[]', value: 'a', checked: true },
            { label: 'b', name: 'test[]', value: 'b', checked: false },
            { label: 'c', name: 'test[]', value: 'c', checked: false }
        ]
    });
    checkBoxGroup.render('#form');
</script>
</body>
</html>